<template>
  <div class="check-button">
    <div class="icon-select" :class="{'selector-active':isChecked}">
      <img src="../../../assets/images/cart/tick.svg" alt="">
    </div>
  </div>
</template>

<script>
  export default {
    name:"CheckButton",
    props:{
      isChecked:{
        type:Boolean,
        default:false
      }
    }
  }
</script>

<style scoped>
  .icon-select {
    position: relative;
    margin: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border:2px solid #333;
    cursor: pointer;
  }

  .icon-select img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  
  .selector-active {
    background-color: #ff8198;
    border-color: #ff8198;
  }
</style>